// 导入Vue核心库
import Vue from 'vue'
// 导入Vue路由插件
import VueRouter from 'vue-router'
// 导入首页视图组件
import HomeView from '../views/HomeView.vue'
// 导入Element UI示例视图组件
import ElementView from "../views/ElementView";

// 安装Vue路由插件
Vue.use(VueRouter)

// 定义路由配置
const routes = [
  {
    path: '/',  // 根路径
    name: 'home',  // 路由名称
    component: HomeView  // 对应的组件
  },
  {
    path: '/element',  // Element UI示例路径
    name: 'element',  // 路由名称
    component: ElementView  // 对应的组件
  },
  {
    path: '/axios',  // Axios示例路径
    name: 'axiosview',  // 路由名称
    component: ()=>import('../views/AxiosView')  // 懒加载组件，提高性能
  },
  {
    path: '/login',  // 登录页面路径
    name: 'login',  // 路由名称
    component: ()=>import('../views/LoginView')  // 懒加载登录组件
  },
  {
    path: '/register',  // 注册页面路径
    name: 'register',  // 路由名称
    component: ()=>import('../views/RegisterView')  // 懒加载注册组件
  }
]

// 创建路由实例
const router = new VueRouter({
  mode: 'history',  // 使用history模式，URL中没有#号
  base: process.env.BASE_URL,  // 应用的基路径
  routes  // 路由配置
})

// 导出路由实例
export default router
